* {
	margin:0;
	padding:0;
	list-style-type:none;
}
a, img {
	border:0;
}
body {
	background:#e3e3e3;
	height:100%;
	font:normal normal 12px/24px 'Microsoft yahei', Arial;
	padding-bottom:30px;
}
a {

	text-decoration:none;
}
a:hover {

	text-decoration:none;
}
#title {
	width:300px;
	margin:3% auto 0;
}
#title h2 {
	font-size:18px;
}
/*main*//*

#wrapper{width:980px;margin:0 auto;background:#f8f8f8;border:1px solid #a3a3a3;padding:20px 20px 50px;border-radius:5px;-moz-border-radius:5px;}*/

#wrapper h3 {
	color:#333;
	font-size:14px;
	text-align:center;
	margin:20px 0;
}
/* box */

.box {
width:margin:10px auto 0;
	background:#fff;
	border:1px solid #d3d3d3;
}
.tab_menu {
	overflow:hidden;
}
.tab_menu li {
	width:25%;
	float:left;
	height:30px;
	line-height:30px;
	color:#fff;
	background:#093;
	text-align:center;
	cursor:pointer;
}
.tab_menu li.current {
	color:#333;
	background:#fff;
}
.tab_menu li a {
	color:#fff;
	text-decoration:none;
}
.tab_menu li.current a {
	color:#333;
}
.tab_box {
	padding:20px;
}
.tab_box li {/*height:24px;line-height:24px;*/
	overflow:hidden;
}
.tab_box li span {
	margin:0 5px 0 0;
	font-family:'微软雅黑';
	font-size:12px;
	font-weight:400;
	color:#ddd;
}
.tab_box .hide {
	display:none;
}
.nav_top {
	position: fixed;
	z-index:10;
	margin-bottom:10px;
	width: 100%;
	box-shadow:0 1px 5px #aaa;
}
html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
body {
	margin:0
}
a {
	background:transparent
}
a:focus {
	outline:thin dotted
}
a:active, a:hover {
	outline:0
}
h1 {
	font-size:2em;
	margin:.67em 0
}
abbr[title] {
	border-bottom:1px dotted
}
b, strong {
	font-weight:bold
}
dfn {
	font-style:italic
}
hr {
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0
}
mark {
	background:#ff0;
	color:#000
}
code, kbd, pre, samp {
	font-family:monospace, serif;
	font-size:1em
}
pre {
	white-space:pre-wrap
}
q {
	quotes:"\201C" "\201D" "\2018" "\2019"
}
small {
	font-size:80%
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-0.5em
}
sub {
	bottom:-0.25em
}
img {
	border:0
}
 svg:not(:root) {
overflow:hidden
}
figure {
	margin:0
}
fieldset {
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:.35em .625em .75em
}
legend {
	border:0;
	padding:0;
}
button, input, select, textarea {
	font-family:inherit;
	font-size:100%;
	margin:0;
}
button, input {
	line-height:normal
}
button, select {
	text-transform:none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer;
}
button[disabled], html input[disabled] {
	cursor:default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing:border-box;
	padding:0;
}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
 button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow:auto;
	vertical-align:top;
}
table {
	border-collapse:collapse;
	border-spacing:0
}
html, button, input, select, textarea {
	color:#222
}
body {
	font-size:1em;
	line-height:1.4
}
a {
	color:#000
}

img {
	vertical-align:middle
}
fieldset {
	border:0;
	margin:0;
	padding:0
}
textarea {
	resize:vertical
}
section, article {
	top:0;
	bottom:0;
	left:0;
	right:0
}
header {
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
	height:44px;
	line-height:44px;
}
header {
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.8;
	width:100%;
}
/*

article{position:absolute;overflow-x:hidden;overflow-y:hidden}

article>*{-webkit-transform:translateZ(0);transform:translateZ(0)}

.scroll{overflow-x:hidden;overflow-y:scroll;-webkit-transition-property:top,bottom;transition-property:top,bottom;-webkit-transition-duration:.2s,.2s;transition-duration:.2s,.2s;-webkit-transition-timing-function:linear,linear;transition-timing-function:linear,linear;-webkit-overflow-scrolling:touch;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}

.scroll.horizontal{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}

.directiveBox{top:0;bottom:0;left:0;right:0;z-index:101;transition-duration:300ms;-moz-transition-duration:300ms;-webkit-transition-duration:300ms;-o-transition-duration:300ms;background:#fff;position:fixed}

#swipe-left{transform:translate(100%, 0);-o-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-moz-transform:translate(100%, 0);-webkit-transform:translate(100%, 0)}

#swipe-right{transform:translate(-100%, 0);-o-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);-webkit-transform:translate(-100%, 0)}

#swipe-top{transform:translate(0, -100%);-o-transform:translate(0, -100%);-ms-transform:translate(0, -100%);-moz-transform:translate(0, -100%);-webkit-transform:translate(0, -100%)}

#swipe-bottom{transform:translate(0, 100%);-o-transform:translate(0, 100%);-ms-transform:translate(0, 100%);-moz-transform:translate(0, 100%);-webkit-transform:translate(0, 100%)}

#swipe-left.on,#swipe-right.on,#swipe-top.on,#swipe-bottom.on{transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);-webkit-transform:translate(0, 0)}

a,input,button{-ms-touch-action:none !important}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

a,input,button{-ms-touch-action:none !important}*/

button, input, select, textarea {
	margin:0;
	font-family:inherit;
	font-size:100%
}
button, input {
	line-height:normal
}
input[type="text"], textarea {
	-webkit-user-select:text
}
button, select {
	text-transform:none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor:pointer;
	-webkit-appearance:button
}
button[disabled], html input[disabled] {
	cursor:default
}
input[type="checkbox"], input[type="radio"] {
	padding:0;
	box-sizing:border-box
}
body, html {
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden
}
body, th, td, input, select, textarea, button {
	font:12px/1.25 "微软雅黑";
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-user-select:none;
	-webkit-highlight:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
a {
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	cursor:pointer
}
a, a:visited {
	text-decoration:none;

}
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset, li, a {
	margin:0;
	padding:0
}
h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	color:#000
}
ul li {
	list-style:none
}
.fl {
	float:left
}
.fr {
	float:right
}
header {
	background:#fff;
	z-index:20;
	padding:0 10px;
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.8
}
header nav ul li {
	float:left
}
header nav ul li a {
	padding:5px 10px;
	font-size:1.2em
}
header nav ul li a.on {
	background:#222;
	color:#fff
}
article {
	background:#e7e7e7
}
article ul.mainList li {
	background:#fff;
	padding:10px;
	margin:10px;
	cursor:pointer;
	border-bottom:inset 1px #cfcfcf
}
article ul.mainList li .mainbox .touch {
	display:block
}
article ul.mainList li .mainbox img {
	float:left;
	margin-right:10px
}
article ul.mainList li .mainbox h2 {
	font-size:1.2em;
	margin-bottom:10px;
	font-weight:normal
}
article ul.mainList li .mainbox p {
	font-size:.8em;
	color:#555;
	line-height:1.4em
}
article ul.list li {
	list-style-type:none;
	position:relative;
	text-align:-webkit-match-parent;
	line-height:inherit
}
article .loadMore {
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
	background:#fff;
	padding:10px;
	margin:10px;
	cursor:pointer
}
.mainContent {
	padding:20px;
	background:#f7f7f7
}
.mainContent h1 {
	font-size:1.4em;
	line-height:1.6em;
	padding:10px 0;
	text-align:left;
	border-bottom:1px solid #ccc
}
.mainContent h1 p {
	font-size:.8em;
	font-weight:normal;
	padding:5px 0
}
.mainContent .inserContent {
	font-size:1em;
	border-top:1px solid #fff;
	padding:10px 0;
	overflow:hidden;
	line-height:23px
}
.mainContent .inserContent img {
	width:100%;
	padding:10px 0
}
.mainContent .inserContent .avatar {
	width:50px;
	height:50px;
	padding:0 10px 10px 0
}
.popwindow {
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:102;
	background:#000;
	filter:alpha(opacity=80);
	-moz-opacity:.5;
	opacity:.5;
	display:none
}
#popbox {
	position:fixed;
	background:#fff;
	z-index:103;
	left:20px;
	right:20px;
	top:80px;
	min-height:100px;
	display:none
}
#popbox #popdiv {
	padding:20px
}
#popbox #popdiv h2 {
	color:#008da8;
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:1.3em
}
#popbox #popdiv .control {
	margin-top:20px;
	padding:10px 0;
	text-align:center
}
